import '../css/div_style.css'; //把css添加到依赖图结构里边
import '../css/title_style.less'
import '../css/bg_style.css'

// 引入图片模块  webpack已经内置了文件的处理了
import chuancai from '../img/川菜.jpg'

const divEl = document.createElement("div")

divEl.textContent = "Hello World"
divEl.classList.add('content')
document.body.append(divEl)



const titleEl = document.createElement("h2")
titleEl.textContent = "哈哈哈你好哟"
titleEl.classList.add('title')
document.body.append(titleEl)



// 创建img元素
const imgEl = document.createElement("img")
imgEl.src = chuancai
document.body.append(imgEl)

// 创建一个div元素，设置它的背景
const divBgEl = document.createElement("div")
divBgEl.classList.add("img-bg")
document.body.append(divBgEl)
